// class类简写

const sizeMap = {}
const size = ['xs', 'sm', 'df', 'lg', 'xl']
const direction = ['top', 'bottom', 'left', 'right']
size.forEach(s => {
	sizeMap[`pd-${s}`] = `padding-${s}`
	sizeMap[`mg-${s}`] = `margin-${s}`
	direction.forEach(d => {
		sizeMap[`pd-${d[0]}-${s}`] = `padding-${d}-${s}`
		sizeMap[`mg-${d[0]}-${s}`] = `margin-${d}-${s}`
	})
})

export default {
	tc: 'text-center',
	tl: 'text-left',
	tr: 'text-right',
	jc: 'justify-center',
	js: 'justify-start',
	jb: 'justify-between',
	ja: 'justify-around',
	je: 'justify-end',
	as: 'align-start',
	ae: 'align-end',
	ac: 'align-center',
	pd: 'padding',
	mg: 'margin',
	...sizeMap,
	sq: 'grid-square',
	jb2: 'flex justify-between', // 两端对齐
	hvc: 'flex justify-center align-center', // 水平垂直居中
}
